<template>
  <div class="box">
    <el-select v-model="activeValue">
      <el-option v-for="(item, index) of list" :key="value" :value="item.value" :label="item.label"></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeValue: '',
      list: [
        {
          label: '麦乐鸡',
          value: '1',
        },
        {
          label: '巨无霸',
          value: '2',
        },
        {
          label: '麦辣鸡翅',
          value: '3',
        },
      ],
    }
  },
  methods: {
    change() {
      this.list.splice(1, 0, {
        label: '麦旋风',
        value: '4',
      })
    },
    select(item) {
      this.activeValue = item.value
    },
  },
}
</script>

<style>
.active {
  color: red;
}
</style>